<script setup lang='ts'>
  const $emit = defineEmits(['endChange'])
  import { getAssetsFile } from '@/utils/public'
  const animationendFun = ()=>{
    $emit('endChange')
  }
</script>

<template>
  <img
    :src="getAssetsFile('icon3.png')"
    class="moveTickket ticketBox"
    @animationend="animationendFun"
  >
</template>

<style lang='scss' scoped>
  .moveTickket {
    pointer-events: none;
    z-index: 1000;
    position: fixed;
    top: var(---top);
    left: var(---left);
    animation:TickketMove var(---moveTime) linear 1 both;
  }
  @keyframes TickketMove
  {
    0% {
      top: var(---top);
      left: var(---left);
    }
    86% {
      top: var(---moveTop);
      left: var(---moveLeft);
    }
    100% {
      top: var(---moveTop);
      left: var(---moveLeft);
    }
  }
</style>